module.exports = function(window, document) {
	var apivm = require('../../common/avm.min')(window, document);
	var avm = apivm;
	var api = apivm.api;
	var Component = apivm.Component;
	var $ = apivm.$;
	(function() {
	var InputDemo = /*@__PURE__*/ (function(Component) {
		function InputDemo(props) {
			Component.call(this, props);
			this.data = {
				username: "",
				description: "",
				citys: [],
				star: ""
			};
		}

		if (Component) InputDemo.__proto__ = Component;
		InputDemo.prototype = Object.create(Component && Component.prototype);
		InputDemo.prototype.constructor = InputDemo;
		InputDemo.prototype.apiready = function() {};
		InputDemo.prototype.fn = function(e) {
			this.data.citys = e.detail.value;
		};
		InputDemo.prototype.chooseStar = function(e) {
			this.data.star = e.detail.value;
		};
		InputDemo.prototype.render = function() {
			var this$1 = this;
			return apivm.h(
				"view",
				{class: "page"},
				apivm.h("view", null, "用户名"),
				apivm.h("input", {
					type: "text",
					placeholder: "请输入你的用户名",
					onInput: function(e) {
						if (typeof username != "undefined") {
							username = e.target.value;
						} else {
							this$1.data.username = e.target.value;
						}
					},
					value: typeof username == "undefined" ? this.data.username : username
				}),
				apivm.h("view", null, "个人介绍"),
				apivm.h("textarea", {
					onInput: function(e) {
						if (typeof description != "undefined") {
							description = e.target.value;
						} else {
							this$1.data.description = e.target.value;
						}
					},
					id: "",
					cols: "30",
					rows: "10",
					value:
						typeof description == "undefined" ? this.data.description : description
				}),
				apivm.h("view", null, "你喜欢哪些城市"),

				apivm.h(
					"checkbox-group",
					{
						onchange: function(event) {
							if (this$1.fn) {
								this$1.fn(event);
							} else {
								fn(event);
							}
						}
					},
					apivm.h(
						"label",
						null,
						apivm.h("checkbox", {value: "广州"}),
						apivm.h("text", null, "广州")
					),
					apivm.h(
						"label",
						null,
						apivm.h("checkbox", {value: "深圳"}),
						apivm.h("text", null, "深圳")
					),
					apivm.h(
						"label",
						null,
						apivm.h("checkbox", {value: "上海"}),
						apivm.h("text", null, "上海")
					),
					apivm.h(
						"label",
						null,
						apivm.h("checkbox", {value: "北京"}),
						apivm.h("text", null, "北京")
					)
				),

				apivm.h(
					"radio-group",
					{
						onchange: function(event) {
							if (this$1.chooseStar) {
								this$1.chooseStar(event);
							} else {
								chooseStar(event);
							}
						}
					},
					apivm.h(
						"label",
						null,
						apivm.h("radio", {value: "古力娜扎"}),
						apivm.h("text", null, "古力娜扎")
					),
					apivm.h(
						"label",
						null,
						apivm.h("radio", {value: "赵丽颖"}),
						apivm.h("text", null, "赵丽颖")
					),
					apivm.h(
						"label",
						null,
						apivm.h("radio", {value: "关晓彤"}),
						apivm.h("text", null, "关晓彤")
					),
					apivm.h(
						"label",
						null,
						apivm.h("radio", {value: "迪丽热巴"}),
						apivm.h("text", null, "迪丽热巴")
					)
				),

				apivm.h("view", null, "个人信息"),
				apivm.h("view", null, "用户名：", this.data.username),
				apivm.h("view", null, "个人介绍：", this.data.description),
				apivm.h("view", null, "喜欢的城市：", this.data.citys),
				apivm.h("view", null, "喜欢明星：", this.data.star)
			);
		};

		return InputDemo;
	})(Component);
	apivm.define("input-demo", InputDemo);
	apivm.render(apivm.h("input-demo", null), "body");
})();

	window['createApp'] = function() {
		apivm.$_start();
	}
	return avm;
}